.tangramgrid,.tangramgrid table tbody td,.tangramgrid .gridheader,.tangramgrid .tgpager,.tangramgrid .gridheader .columndragproxy{border:1px solid #aed0ea;}
.tangramgrid{font-size:12px; position:relative; background-color:#fff;}
/* for overflow:hidden container*/
.tangramgrid .tangramgridcontainer{position:relative;overflow:hidden;width:100%; height:100%; overflow:hidden; z-index:1;}

.tangramgrid table tbody td{text-align:left;overflow:hidden;padding:0px;margin:0px;}
.tangramgrid table,.tangramgrid table tbody{padding:0px; margin:0px;border-width:0px;table-layout:fixed;border-collapse:collapse; border-spacing:0px;empty-cells:hide;}
.tangramgrid .gridheader table{*table-layout:auto;}
.tangramgrid .gridheader{ background-color:#e3f1fa; border-width:0px 0px 1px 0px;width:9999px;position:relative; z-index:3;}
.tangramgrid .gridheader .fixedheadertable{position:absolute; top:0px;left:0px; z-index:4; background-color:#E3F1FA;}
.tangramgrid .gridheader .headercol { border-width:0px 1px 0px 0px;color:#2779aa;text-align:center; padding:2px 0px;height:25px;margin:0px; -moz-user-select:none;}

.tangramgrid .gridheader .header-col{ position:relative; z-index:2;}
.tangramgrid .gridheader .columndragproxy{ position:absolute; z-index:4; background-color:#F1F1F2; height:52px; width:200px;top:0px;left:0px; text-align:center; color:#2779AA;display:none;opacity:0.7;filter:alpha(opacity=70);}
.tangramgrid .gridheader .columndragproxy .headercoltext{position:relative; top:50%; margin-top:-7px; display:block;}
.tangramgrid .tangramgridcontainer .grid-resizer-proxy{position:absolute; z-index:3; top:0px;bottom:0px;width:2px; background-color:#1a60a3; display:none;}
.tangramgrid .gridheader .header-col-resizer{ position:absolute; right:-3px; top:-4px; bottom:-4px; width:6px; z-index:4; cursor:col-resize;}
.tangramgrid .gridheader .header-rowspan2{height:54px;}
.tangramgrid .gridheader .header-rowspan2 .header-col-resizer{ top:-16px; bottom:-16px;}
.tangramgrid .gridheader .headercol .headercoltext{}
.tangramgrid .gridheader .header-colspan{ border-bottom-width:1px;}
.tangramgrid .gridheader .header-sortable-col .headercoltext{cursor:pointer;}
.tangramgrid .gridheader .sorter{font-family:"Arial";font-size:10px; margin-left:4px;padding-bottom:4px; color:#8c8c8c;}
.tangramgrid .gridbody { overflow:hidden; position:relative;z-index:3;}
.tangramgrid .gridbody .fixedbodytable{position:absolute;z-index:4;left:0px;top:0px; background-color:#fff;}

/*grid-tablecontainer有足够大的空间用于放置table*/
.tangramgrid .grid-tablecontainer {width:9999px;}
.tangramgrid .gridbody table td{border-width:0px 1px 1px 0px; color:#000;white-space:nowrap;overflow:hidden; height:25px;}
.tangramgrid .gridbody table td .cellcontent{display:block;padding:4px;margin:0px;}
.tangramgrid-editable .gridbody table td .cellcontent{padding:1px;}
.tangramgrid .gridbody table td .cellcontent .grid-expand{border:1px solid #99BCE8; background-color:#F5F5F6;color:#99BCE8;cursor:pointer;font-size:10px; font-family:"Arial"; padding:0px 1px; font-weight:bolder;}
.tangramgrid .gridbody table  .even td {background-color:#fff9f9;}
.tangramgrid .gridbody table  .odd td {}
.tangramgrid .gridbody table  .hover td {background-color:#e6f2fb;}
.tangramgrid .gridbody table  .selected td {background-color:#edf6fc;}
.tangramgrid .gridbody table  .row-dragging td {background-color:#ffff80;;cursor:move;}
.tangramgrid .gridbody table tr .grid-expandedcell{border-bottom:1px solid #fff; background-color:#fff;}

.tangramgrid .grid-xscroller {position:absolute; z-index:5;left:0px;  bottom:0px; height:17px;  width:0px; overflow:auto;display:none;overflow:auto;overflow-y:hidden; overflow-x:scroll;}
.tangramgrid .grid-yscroller {position:absolute; z-index:5; right:0px; bottom:0px;width:17px; height:0px; overflow:auto;display:none;overflow:auto;overflow-x:hidden;overflow-y:scroll;}
.tangramgrid .grid-x-strecher {height:1px;}
.tangramgrid .grid-y-strecher {width:1px;}
.tangramgrid .grid-rb-corner {position:absolute; z-index:5;right:0px; bottom:0px; height:17px;  width:17px; background-color:#fff; display:none;}

.tangramgrid .tgpager{border-width:0px; border-top-width:1px;height:22px; background-color:#e3f1fa; overflow:hidden;color:#2779aa;}
.tangramgrid .tgpager .tgpager-pagenumbers{width:50px;}
.tangramgrid .tgpager .tgpager-curPage{width:30px;}
.tangramgrid .tgpager .tgpager-info{float:right; margin-top:3px;}
.tangramgrid .tgpager .tgpager-sep{padding-left:1px; border-left:1px solid #fff; border-right:1px solid #aec8f7; margin:0px 2px;}
.tangramgrid .tgpager .tgpager-first,.tangramgrid .tgpager .tgpager-prev,.tangramgrid .tgpager .tgpager-next,.tangramgrid .tgpager .tgpager-last{height:20px;border:0px solid #7F9DB9;background-color:transparent; width:30px;margin:0px 2px;padding:0px; font-family:"Times New Roman";}

.tangramgrid .gridloadmask{position:absolute;top:0px; right:0px; bottom:0px;left:0px;width:100%;height:100%; background-color:#000;opacity:0.2;filter:alpha(opacity=20); z-index:3; display:none;}
.tangramgrid .gridloadmessge{position:absolute;left:50%;top:50%; width:100px;height:20px; line-height:20px; border:5px solid #999; background-color:#eee; margin-left:-55px;margin-top:-15px; z-index:4; text-align:center;display:none;}

.tangramgrid .gridbody table .groupheaderrow td{cursor:pointer; font-weight:bolder;color:#3764A0; border-bottom-width:3px; padding-top:6px; padding-bottom:6px;}
.tangramgrid .gridbody table .groupheaderrow td .groupheadertoggler{border:1px solid #99BCE8; background-color:#F5F5F6;color:#99BCE8;cursor:pointer;font-size:8px; font-family:"Arial"; padding:0px 1px; font-weight:bolder;position:relative; top:-2px; margin:0px 4px;}
.tangramgrid .gridbody table .groupsummaryrow td {font-weight:bold; background-color:#f8f8f8;}
.tangramgrid .gridbody table .summaryrow td {font-weight:bold;}

.tangramgrid .gridbody table  td .nodecontent{padding-left:4px;}
.tangramgrid .gridbody table  td .spacing{padding-left:16px;}
.tangramgrid .gridbody table  td .expander{border:1px solid #99BCE8; background-color:#F5F5F6;color:#99BCE8;cursor:pointer;font-size:8px; font-family:"Arial"; padding:0px 1px;}

.tangram-focused{outline:dotted 1px #ccc;}

